• 문현정 지음
• 위키북스
• 2024-02-21

디자인 스튜디오는 NHN에서 웹 서비스 화면설계서 작성과 이력 관리를 목적으로 만든 도구입니다. 웹 서비스 개발에서 중요한 커뮤니케이션 수단인 화면설계서를 어떻게 하면 더 이해하기 쉽게 작성하고 효율적으로 관리할 수 있을까 고민한 결과로 탄생한 프로그램으로, 프로토타이핑이 가능한 설계서 작성은 물론 버전 관리와 공유도 할 수 있습니다.NHN은 DEVIEW 2010 콘퍼런스에서 디자인 스튜디오를 처음 소개했습니다. 2010년 10월에는 네이버 개발자센터를 통해 외부에 공개했습니다. NHN에서는 외부 공개 전부터 이미 디자인 스튜디오를 실무에 도입해 네이버 금융, 지도, 모바일 웹의 네이버 뮤직과 사전 서비스 등을 디자인 스튜디오로 설계했습니다.이 책은 아직 디자인 스튜디오는 모르는 기획자는 물론 이미 디자인 스튜디오를 사용하고 있는 기획자도 디자인 스튜디오를 편리하게 사용할 수 있게 기본적인 사용법부터 다양한 활용법까지 담았습니다.

• 박재성.손병대 지음
• 위키북스
• 2024-02-21

는 NHN의 축적된 기술 정보와 사례를 공유하는 NHN 기술 서적 시리즈인 TECH@NHN의 두 번째 시리즈이다.이 책은 NHN에서 자체적으로 개발한 자바스크립트 프레임워크인 \'Jindo 프레임워크\'를 주제로 자바스크립트 UI 개발의 원리와 구현 방법을 설명한다. Jindo 프레임워크가 주제이지만 웹 개발자들이 UI 개발에 친숙해지도록 기본적인 원리에 초점을 맞춰 설명했기 때문에 Jindo 프레임워크를 사용하지 않아도 괜찮다. 예제의 원리를 이해한다면 다른 프레임워크를 사용하거나 프레임워크를 사용하지 않아도 실제 UI 개발에 응용할 수 있을 것이다.자바스크립트 UI 개발은 다른 개발 분야와 마찬가지로 경험에 좌우되는 면이 많다. 수년간 네이버의 UI를 설계하고 개발한 저자들의 경험과 지식을 엮은 이 책으로 UI 개발에서 생길 수 있는 수많은 시행 착오를 줄일 수 있기를 바라며, 더불어 자바스크립트 UI 개발에 관심이 있다면 누구에게나 도움이 되어 더 많은 개발자들이 UI 개발에 흥미를 갖게 되기를 바란다.이 책에서는 다음과 같은 내용을 다룬다.o UI 개발 시 자주 접하는 사례를 통해 Jindo 프레임워크의 주요 객체와 메서드의 사용 방법 설명o 웹 애플리케이션의 대표적 UI인 레이어, 드래그 앤드 드롭, 타이머, 애니메이션의 원리와 구현 방법 설명o 네이버의 실시간 급상승 검색어에 사용하는 롤링 UI의 원리와 구현 방법 설명o AJAX 및 크로스 도메인의 기본 개념과 할용 방법을 예제를 바탕으로 설명o AJAX와 미투데이 오픈API를 이용한 웹 애플리케이션 개발 예제o 코드 최적화, 디버깅, 정규 표현식 등 자바스크립트 개발의 효율성을 높일 수 있는 방법과 도구 소개o NHN에서 자체적으로 만들어 지키고 있는 코딩 컨벤션 소개이 책은 자바스크립트를 이용한 UI 개발 원리와 Jindo 프레임워크를 다루며 총 4부로 구성했다.\"1부 자바스크립트 프레임워크와 Jindo 프레임워크\"에서는 AJAX의 등장 이후 변화한 웹 애플리케이션 개발 모델과 UI 개발의 정의, UI 개발에 필수 도구가 된 자바스크립트 프레임워크를 설명한다. 그리고 NHN에서 개발한 Jindo 프레임워크의 개발 배경과 기본 구조, 준비 사항을 살펴본다.\"2부 Jindo 프레임워크\"에서는 Jindo 프레임워크에서 제공하는 객체와 사용법을 UI 개발 시 자주 접하는 사례와 원리를 중심으로 설명한다.\"3부 자바스크립트 UI 개발 실전 사례\"에서는 네이버에서 볼 수 있는 대표적인 UI인 레이어와 드래그 앤드 드롭, 타이머, 애니메이션 UI, 롤링 UI, AJAX에서의 크로스 도메인과 히스토리 문제에 대해 원리와 구현 방법을, 예제를 토대로 설명한다. 마지막으로 미투데이 오픈 API와 AJAX를 이용한 도서 관리 웹 애플리케이션을 만들면서 이 책에서 설명한 내용을 종합적으로 살펴본다.부록에서는 자바스크립트 개발의 효율성을 높이는 코드 최적화 방법과 디버깅 도구를 설명하고, 자바스크립트 개발 시 유용하게 활용할 수 있는 정규 표현식을 설명한다. 또한 NHN에서 자체적으로 만들어 준수하고 있는 코딩 컨벤션을 소개한다.

• 한빛 편집부 엮음
• 한빛미디어
• 2015-10-10

• 한국IBM z 소프트웨어
• 한국아이시스
• 2015-10-10

• 김요한 지음
• 한빛미디어
• 2015-10-10

• 최흥배 지음
• 한빛미디어
• 2015-10-10

• Rational기술 팀
• 한국아이시스
• 2015-10-10

• 야무(지훈) 지음
• 한빛미디어
• 2015-10-11

웹 디자인을 위한 실전 테크닉 위주의 실전 활용서!!현업에서 활동하고 있는 많은 웹 디자이너들의 현실을 들여다보면 주먹구구식으로 웹사이트를 디자인하고 있는 경우가 많다. 그러다 보니 더 나은 방법, 더 효율적인 방법이 있음에도 오랜 시간을 낭비하면서 비효율적으로 디자인하고 있는 상황이다. 이 책은 웹 디자이너들이 현장에서 부딪치는 문제에 대해 오프라인 강의를 통해 검증받은 야무 저자가 자신의 경험을 바탕으로 한 디자인 테크닉과 노하우를 중심으로 구성함으로써 웹 디자이너들의 작업 환경을 개선하고, 업무의 효율성을 높이기 위해 쓰여졌다.이 책은 웹사이트 디자인을 위한 단순한 이론적 지식이나, 단순하게 배워 대충 써먹을 수 있는 디자인 기술을 설명하고 있는 책이 아니다. 웹 디자이너가 기본적으로 갖추어야 할 소양은 물론, 현장에서 지향하는 지식과 기술을 바탕으로 플러스 알파가 되는 실전 테크닉을 배울 수 있다. 거기에 그치지 않고 가상의 웹사이트를 프로토타입부터, 실제 디자인을 거쳐 반응형 웹사이트로 변환하는 과정을 실습해 보면서 책에서 다룬 웹사이트 디자인 소양과 테크닉이 어떤 과정에서 어떻게 활용되는지 확인할 수 있다.이 책의 특징① 웹 디자이너의 현장 밀착형 실전 테크닉을 배운다웹 타이포그래피, 웹 컬러 매니지먼트, 이미지 슬라이싱, 웹 그리드 시스템은 웹사이트 디자인을 위해 반드시 알아야 할 필수 소양이다. 웹사이트 디자인 시 활용 방안과 사용자에 따라 선택해서 활용할 수 있는 다양한 테크닉을 전수한다. ② 프로토타입부터 반응형 웹사이트까지 실습으로 배운다무엇인가 새로운 것을 배울 때 가장 쉽고, 재미있게, 그리고 확실히 배울 수 있는 방법은 직접 손을 움직여 몸으로 체득하는 것이다. 세 개의 장에 걸쳐 moqups를 이용한 프로토타입부터 포토샵을 이용한 실제 디자인 작업, 마지막으로 다양한 뷰포트에 따른 반응형 웹사이트를 제작해 본다.③ 디자인 작업 환경을 개선하고 차세대 웹 디자인을 위한 기본 소양을 다진다웹 디자인 작업의 대부분은 포토샵에서 이루어진다. 그럼에도 많은 웹 디자이너들이 포토샵 성능 향상에는 무덤덤하다. 포토샵의 성능을 최대로 끌어내면 작업 시간을 단축할 수 있음에도 말이다. 이 책에서는 웹 디자이너가 컴퓨터와 포토샵의 궁합을 최적으로 끌어내어 작업 속도를 단축할 수 있는 작업 환경 개선 방법은 물론 차세대 웹 디자인을 위한 벡터 그래픽에 대해서도 알려 준다. 이로써 새로운 영역을 바라보는 안목을 기를 수 있다.ⓞ 이 책을 먼저 본 사람들의 반응-. 실무자도 몰랐던 진짜 실무 노하우를 엿볼 수 있는 책입니다. 다른 사람에게 쉽게 공개하기 힘든 알토란 같은 노하우를 공유받는 기분이었습니다. (어비팩토리 대표 송태민 님)-. 컴퓨터 사양과 포토샵 버전의 궁합을 속속들이 알고 나니 속이 시원한 것 같습니다. (김수빈 님)-. 타이포그래피의 CSS 구현 설명은 작업의 효율성을 올려 다른 팀과의 협업에 큰 도움이 될 것 같습니다. (도나영 님)-. 습관처럼 굳어 불편한 작업 방식을 고칠 수 있는 좋은 계기가 될 것 같습니다. (최대일 님)-. 웹 접근성에 맞는 컬러들의 다양한 비교 분석과 새로운 정보들로 더 나은 디자인 환경을 제시해줘서 좋았습니다. (문효진 님)-. 실무에서 절대적으로 필요한 작업 방법들을 자세하게 설명하고 있습니다. (이제명 님)-. 웹 사이트 제작과 관련된 전체 프로세스를 유추해 볼 수 있는 좋은 실습이 될 듯합니다. (황희진 님)-. HTML과 CSS 스타일링까지 고려해서 효율성을 높였다는 점이 인상적입니다. (이현숙 님)-. 중단점이라는 디버깅 용어로 기준을 잡아 뷰포트 크기를 고민할 수 있어 시간을 절약할 수 있었습니다. (박재성 님)-. UI 개발자에서 그래픽 디자이너까지 함께 보면 좋을 것 같습니다. (김보형 님)ⓞ 어떤 독자를 위한 책인가?-. 처음부터 제대로 된 웹사이트 디자인 방법을 배우고 싶은 웹 디자이너-. 웹사이트 디자인에 필요한 모던 테크닉을 배우려는 웹 디자이너-. 웹사이트 디자인 과정이 궁금한 웹 기획자나 퍼블리셔

• 빨간고래(박정아)
• 한빛미디어
• 2023-05-17

포토샵&일러스트레이터를 제대로 배우는 가장 완벽한 레시피!한 권으로, 한번에! 쉽고 빠르게 익혀 바로 써먹는 그래픽 입문서!그래픽 디자인에 꼭 필요한 포토샵과 일러스트레이터를 한번에, 그리고 가볍게 배울 수 있습니다. 핵심만 골라 담아 부담 없이 학습할 수 있으며, 따로따로 배우는 것보다 두 가지 프로그램을 더욱 효과적으로 익힐 수 있습니다. 최신 버전인 CC 2022에 완벽히 대응하여 신기능을 빠르게 익힐 수 있도록 도와주며, 기능을 익히는 데 최적화된 실무 예제로 기초&핵심 기능을 더욱 쉽게 학습할 수 있습니다. 기본 기능부터 활용법까지 완벽하게 마스터할 수 있는 3단계 학습 방법인 [기능 실습] ? [한눈에 실습] ? [실무 실습]의 구성은 누구나 포토샵과 일러스트레이터를 제대로 배워 바로 써먹을 수 있도록 도와줍니다. 맛있는 디자인 스터디 공식 카페에서 진행하는 6주 온라인 스터디 그룹에서는 학습에 유용한 커리큘럼과 질의응답까지 제공하므로 포토샵과 일러스트레이터를 더욱 쉽게 학습할 수 있습니다.어떤 독자를 위한 책인가?? 예비 디자이너 또는 실무에 막 입문한 신입 디자이너? 포토샵&일러스트레이터 CC 2022의 신기능을 빠르게 찾고 익히려는 1~3년 차 디자이너? 업무나 취미 등으로 포토샵&일러스트레이터를 활용하고자 하는 일반인? 포토샵&일러스트레이터를 몇 번 다뤄봤지만 기본기가 약해 실력을 쌓고 싶은 초급자이 책의 특징4년 연속 그래픽 분야 1위!60만 독자가 선택한 믿고 보는 시리즈* 교보문고, 알라딘, 예스24, 인터파크_IT/컴퓨터/그래픽 분야 1위(2018~2021년 집계 기준)① 포토샵과 일러스트레이터를 한 권으로 학습!그래픽 프로그램의 대명사인 포토샵과 일러스트레이터는 서로 긴밀하게 연결되어 있을 뿐 아니라 프로그램 사용법도 매우 비슷하여 각각 배우는 것보다 함께 배우는 것이 더 효과적입니다. 이 책은 그래픽 디자인에 꼭 필요한 포토샵과 일러스트레이터 기능을 한번에, 그리고 가볍게 배울 수 있도록 핵심만 골라 담아 부담 없이 학습할 수 있습니다.② 포토샵&일러스트레이터 CC 2022 최신 버전 완벽 대응!이 책은 가장 최신 버전인 CC 2022에 완벽히 대응했습니다. 포토샵과 일러스트레이터를 더 효율적으로 다룰 수 있도록 도와주는 CC 2022 버전의 신기능을 쉽고 빠르게 학습하면서 그래픽 디자인의 기초를 탄탄히 쌓을 수 있습니다.③ 가장 완벽한 학습 방법인 3단계 구성으로 학습!왕초보도 바로 써먹는 [기능 실습], 눈으로 봐도 쏙쏙 이해되는 [한눈에 실습], 지금 당장 활용할 수 있는 [실무 실습], 가장 완벽한 3단계 학습 구성으로 포토샵과 일러스트레이터를 제대로 배울 수 있습니다. [기능 실습]에서는 꼭 알아야 하는 기초 지식, 화면 구성, 패널과 도구 등을 살펴보고, 예제 실습 전 필요한 기본 조작과 설정 방법을 익힙니다. [한눈에 실습]에서는 기능별 예제로 프로그램의 핵심 기능을 학습합니다. 주요 기능의 사용법과 활용 과정을 한눈에 살펴보며 결과를 바로 확인할 수 있어서 기능이 쏙쏙 이해됩니다. [실무 실습]에서는 여러 개의 기능을 조합하여 하나의 완성된 예제를 만들어보며 실무 감각을 익힙니다.④ 기능 익히기에 가장 적합한 실무 예제 구성!포토샵과 일러스트레이터의 기초&핵심 기능만 제대로 익혀도 웬만한 디자인 작업은 충분히 할 수 있습니다. 모든 기능을 백과사전식으로 외우는 지루한 방식이 아니라 기능을 익히는 데 가장 적합한 실무 예제 구성으로 효과적인 학습을 할 수 있도록 도와줍니다.⑤ 공식 카페와 함께하는 6주 온라인 스터디, 맛있는 디자인 스터디 그룹!‘맛있는 디자인 스터디 그룹’은 포토샵, 일러스트레이터, 프리미어 프로, 애프터 이펙트를 쉽고 빠르게 학습할 수 있도록 도와줍니다. 맛있는 디자인 스터디 공식 카페(https://cafe.naver.com/matdistudy)에서 6주 커리큘럼에 맞춰 학습 분량을 가이드하고 미션을 제공하며 스터디 완주 시 리워드까지 제공합니다. 또한 막히는 부분은 [Q&A 게시판]을 이용해 질문할 수 있으며, 학습 멘토가 빠르고 친절하게 답변해드립니다. 혼자 학습하기 막막한 분, 포토샵과 일러스트레이터를 제대로 학습하고 싶은 분, 어도비 신기능을 빠르게 확인하고 싶은 분이라면 맛있는 디자인 스터디 공식 카페를 활용해보세요!* 맛있는 디자인 스터디 공식 카페를 활용해 학습한 분들의 실제 후기입니다!“혼자였다면 작심삼일에서 끝났을 텐데 스터디 덕분에 책 한 권과 왕초보 딱지를 뗄 수 있었어요!” _이로미 님“처음 공부하는 분들께 강력 추천합니다. 기초부터 실무에 적용할 수 있는 내용까지 뭐 한 가지 부족한 것이 없습니다.” _박해인 님